<?php 
$this->template->add_css_lib("user.css");
?>
<div class="user">
	<div class="box login">
		<h1>
			<span>
				Đăng nhập
			</span>
		</h1>
		
		<div class="content-login">
		<br class="clear" />
			<form action="javascript://" id="frmlogin" class="ajax-login-default-form-container login_form wide">
				
				<div class="form-wrapper">
					<input type="hidden" id="facebook_security" name="facebook_security" value="fd34a22e1e"><input type="hidden" name="_wp_http_referer" value="/wp-admin/admin-ajax.php"><input type="hidden" id="security" name="security" value="f37b7770aa"><input type="hidden" name="_wp_http_referer" value="/wp-admin/admin-ajax.php">                <div class="noon"><input type="text" name="user_login" class="user_login" placeholder="Tên đăng nhập" required=""></div>
					<div class="noon"><input type="password" name="password" placeholder="Mật khẩu" size="30" required=""></div>
					<label for="remember" style="display: none;">
						<input type="checkbox" name="remember" id="remember">
						<span class="meta">Ghi nhớ.</span>
					</label>
					
					<div class="button-container">
						<input class="login_button green" type="submit" value="Đăng nhập" accesskey="p" name="submit">
					</div>
				</div>
				<div class="fb-login-container">
					<a href="#" class="fb-login"><img src="<?php echo $this->template->url_theme; ?>images/fb-login-button.png"></a>
				</div>
				<div class="clear" style="height:10px"></div>
				<div class="bottom">
					<a href="<?php echo user_url('forgotpassword'); ?>" title="Quên mật khẩu?">Quên mật khẩu?</a>
					
				</div>
			</form>
		</div>
		
	</div>
	<br class="clear" />
	<br class="clear" />
	<div class="box register">
		<h1>
			<span>
				Đăng ký
			</span>
		</h1>
		<div class="content-register">
			
			
			<form action="javascript://" name="" id="frmregister" class="ajax-login-default-form-container register_form wide">
				
				<div class="form-wrapper">
					<div class="ajax-login-register-status-container">
						<div class="ajax-login-register-msg-target"></div>
					</div>
					<div class="noon"><input type="text" name="email" class="user_email ajax-login-register-validate-email" placeholder="Email" required="">
					<span class="remark" onmouseover="tooltip.show('<span>Vui lòng nhập chính xác Email của bạn để có thể nhận thưởng trong <bgt;ĐẤU TRƯỜNG<b> (nếu có).</span>');" onmouseout="tooltip.hide();">?</span></div>
					<div class="noon"><input type="text" name="login" class="user_login" placeholder="Tên đăng nhập" required="">
					<span class="remark" onmouseover="tooltip.show('<span>Vui lòng ghi nhớ tên đăng nhập để đăng nhập lần sau.</span>');" onmouseout="tooltip.hide();">?</span></div>
					<div class="noon"><input type="password" name="password" id="reg_reg_password" class="user_password" required="" placeholder="Mật khẩu">
					<span class="remark" onmouseover="tooltip.show('<span>Vui lòng ghi nhớ mật khẩu để đăng nhập lần sau.</span>');" onmouseout="tooltip.hide();">?</span></div>
					<div class="noon"><input type="password" id="reg_confirm_password" name="confirm_password" class="user_confirm_password" value=""  placeholder="Nhập lại mật khấu" required="">
					<span class="remark" onmouseover="tooltip.show('<span>Bạn phải nhập chính xác mật khẩu vừa nhập ở khung trên.</span>');" onmouseout="tooltip.hide();">?</span></div>
					<div class="button-container">
						<input class="register_button green" type="submit" value="Đăng ký" accesskey="p" name="register">
					</div>
				</div>
				<div class="fb-login-container">
					<a href="#" class="fb-login"><img src="<?php echo $this->template->url_theme; ?>images/fb-login-button.png"></a>
				</div>
			</form>
			
		</div>
	</div>
	
</div>

<script type="text/javascript">

$(function (){

	$loginfrm = $('#frmlogin');
	$loginfrm.submit(function (){
		var euserlogin = $loginfrm.find('[name="user_login"]');
		var epasswd = $loginfrm.find('[name="password"]');
		var esubmit = $loginfrm.find('[type="submit"]');
		$(esubmit).unbind('mouseenter mouseleave');
		if ($(euserlogin).val() && $(epasswd).val()) {			
			$.post ('<?php echo base_module_url('user', 'login'); ?>', {
				user_login: $(euserlogin).val(),
				password: $(epasswd).val(),
				}, function (re){
				if (re =='1') {
					//success
					$(euserlogin).addClass('inputok');
					$(epasswd).addClass('inputok');
					location.reload();
					
					}else {
					$(euserlogin).addClass('inputerror');
					$(epasswd).addClass('inputerror');
					$(euserlogin).hover(function (){
						tooltip.show('<span>Tên đăng nhập hoặc mật khẩu không đúng.</span>');
						}, function (){
						tooltip.hide();
					});
					$(epasswd).hover(function (){
						tooltip.show('<span>Tên đăng nhập hoặc mật khẩu không đúng.</span>');
						}, function (){
						tooltip.hide();
					});
				}
			});
		} else {
			$(euserlogin).addClass('inputerror');
			$(epasswd).addClass('inputerror');
			
			$(epasswd).hover(function (){
				tooltip.show('<span>Vui lòng điền tên đăng nhập và mật khẩu.</span>');
				}, function (){
				tooltip.hide();
			});
			$(epasswd).hover(function (){
				tooltip.show('<span>Vui lòng điền tên đăng nhập và mật khẩu.</span>');
				}, function (){
				tooltip.hide();
			});
		}
		return false;
	});
	
	
	//
	var regex_mail = new RegExp(<?php echo $this->muser->regex_email ; ?>);
	var username_regex = new RegExp(<?php echo $this->muser->regex_username ; ?>);
	
	_form = $('#frmregister');
	_form.find('[name="email"]').change(function  (){
		
		if (regex_mail.test(this.value)) {
			$(this).unbind('mouseenter mouseleave');
			var dis = this;
			$.post('<?php echo base_module_url('user', 'exists'); ?>',{
				field: 'email',
				value: this.value
				} ,function (re){
				if (re == '0') {
					$(dis).addClass('inputok');
					$(dis).removeClass('inputerror');
					}else {
					$(dis).removeClass('inputok');
					$(dis).addClass('inputerror');
					$(dis).hover(function (){
						tooltip.show('<span>Email này đã được sử dụng. Vui lòng chọn email khác.</span>');
						}, function (){
						tooltip.hide();
					});
				}
			})
			
			}else {
			$(this).removeClass('inputok');
			$(this).addClass('inputerror');
			$(this).hover(function (){
				tooltip.show('<span>Email không đúng định dạng.</span>');
				}, function (){
				tooltip.hide();
			});
		}
	});
	_form.find('[name="login"]').change(function (){
		if (username_regex.test(this.value)) {
			$(this).unbind('mouseenter mouseleave');
			var dis = this;
			$.post('<?php echo base_module_url('user', 'exists'); ?>',{
				field: 'account',
				value: this.value
				} ,function (re){
				console.log(re);
				if (re == '0') {
					$(dis).addClass('inputok');
					$(dis).removeClass('inputerror');
					}else {
					$(dis).removeClass('inputok');
					$(dis).addClass('inputerror');
					$(dis).hover(function (){
						tooltip.show('<span>Tên đăng nhập này đã được sử dụng. Vui lòng chọn tên đăng nhập khác.</span>');
						}, function (){
						tooltip.hide();
					});
				}
			})
			
			}else {
			$(this).removeClass('inputok');
			$(this).addClass('inputerror');
			$(this).hover(function (){
				tooltip.show('<span>Tên đăng nhập không đúng định dạng. <br /> Tên đăng nhập chỉ được sử dụng các kí tự <br />a-zA-Z0-9 và dấu chấm (.)</span>');
				}, function (){
				tooltip.hide();
			});
		}
	});
	_form.find('[name="password"]').change(function (){
		$(this).unbind('mouseenter mouseleave');
		if (this.value) {
			$(this).removeClass('inputerror');
			$(this).addClass('inputok');
			}else {
			$(this).removeClass('inputok');
			$(this).addClass('inputerror');
			$(this).hover(function (){
				tooltip.show('<span>Cần điền mật khẩu</span>');
				}, function (){
				tooltip.hide();
			});
		}
	});
	_form.find('[name="confirm_password"]').change(function (){
		$(this).unbind('mouseenter mouseleave');
		
		if (_form.find('[name="confirm_password"]').val() &&  (_form.find('[name="confirm_password"]').val() != _form.find('[name="password"]').val())) {
			$(this).removeClass('inputok');
			$(this).addClass('inputerror');
			$(this).hover(function (){	
				tooltip.show('<span>Hai mật khẩu không giống nhau</span>');
					}, function (){
					tooltip.hide();
				});
			}else {
				$('#reg_confirm_password').removeClass('inputerror');
				$('#reg_confirm_password').addClass('inputok');
			}
			
	});
	
	_form.submit(function (){
		var inputs = ['email', 'confirm_password','password','login'];
		var data = {};
		for(index in inputs) {
			element = _form.find('[name="'+inputs[index]+'"]');
			if (element && element.hasClass('inputerror')) {
				tooltip.show('<span>Thông tin chưa chính xác.Vui lòng kiểm tra lại.</span>');
				return false;
			}
			console.log(element[0]);
			data[inputs[index]] = $(element).val();
		}
		console.log(data);
		//posting to reg;
		$.post('<?php echo base_module_url('user', 'register'); ?>',
		data, function (respone){
			try {
				var obj = JSON.parse(respone);
				alert(obj.msg);
				if (obj.code > 0) {
					location.reload();
				}
				}catch (e){
				alert('Đăng kí không thành công. Vui lòng thử lại');
			}
		});
		return true;
	});
});
</script>